<template>
    <div class="top">
        <div class="content">
                  <div class="left">
                      <img src="../../assets/images/logo.png" />
                  </div>
                  <div class="right">
                      <p class="help">帮助中心</p>
                      <p class="login">注册/登录</p>
                  </div>
        </div>
    </div>
</template>
<script setup lang="ts">

</script>
<style scoped lang="scss">
  .top{
    width: 100%;
    height: 70px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.5); /* 底部阴影 */
    .content{
      width: 1200px;
      height: 70px;
      // background-color: darkgoldenrod;
      display: flex;
      justify-content: space-between;
      .left{
        display: flex;
        align-items: center;
        width:200px;
        height:70px;
      }
      .right{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-size: 12px;
        color: rgb(26,115, 232);
        font-weight: bold;
        .help{
          margin-right: 10px;
        }
      }
    }
  }
</style>